﻿@{
    Layout = null;
    ViewBag.index = 1;
}
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <title>@ViewBag.title</title>
    <link href="~/css/main.css" rel="stylesheet" asp-append-version="true" />
    <link href="~/css/backstage/font/iconfont.css" rel="stylesheet" />
    <link href="~/css/elementui/element-ui.css" rel="stylesheet" />
    <style>
        [v-cloak] {
            display: none;
        }

        .errmsg {
            color: #f30;
            padding: 5px 10px 0;
            font-size: 10px;
        }

        .el-carousel__item h3 {
            color: #475669;
            font-size: 14px;
            opacity: 0.75;
            line-height: 150px;
            margin: 0;
        }

        .bannnerImg {
            height: 500px;
        }

            .bannnerImg img {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                width: 100%;
            }

            .bannnerImg::before {
                content: '';
                display: block;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                position: absolute;
                z-index: 1;
            }

        .el-carousel__item:nth-child(2n) {
            background-color: #99a9bf;
        }

        .el-carousel__item:nth-child(2n+1) {
            background-color: #d3dce6;
        }

        .avatar-uploader .el-upload {
            border: 1px dashed #d9d9d9;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

            .avatar-uploader .el-upload:hover {
                border-color: #409EFF;
            }

        .avatar-uploader-icon {
            font-size: 28px;
            color: #8c939d;
            width: 100px;
            height: 100px;
            line-height: 100px;
            text-align: center;
        }

        .avatar {
            width: 100px;
            height: 100px;
            display: block;
        }

        .avatar-uploader .el-upload {
            border-radius: 100px;
        }
    </style>
</head>
<body>
    <div class="mainBox">
        @await Html.PartialAsync("_PartialTop")
        <div class="mainscroll" v-cloak id="divLogin" style="margin-top:20px">
            <div class="banner" style="width: 1200px; margin: 0 auto;  ">
                <el-carousel height="400px" v-bind:interval="8000">
                    <el-carousel-item>
                        <div class="bannnerImg">
                            <img src="~/images/account/bg1.jpg" asp-append-version="true" />
                        </div>
                    </el-carousel-item>
                    <el-carousel-item>
                        <div class="bannnerImg">
                            <img src="~/images/account/bg2.jpg" asp-append-version="true" />
                        </div>
                    </el-carousel-item>
                    <el-carousel-item>
                        <div class="bannnerImg">
                            <img src="~/images/account/bg3.jpg" asp-append-version="true" />
                        </div>
                    </el-carousel-item>
                </el-carousel>
            </div>
            <div class="content" id="indexPage" v-cloak>
                <div class="newBox">
                    <div class="newContentBox leftBox">
                        <h3><span>招考信息</span>@*<a class="more" href="/Notice/Index">更多>></a>*@</h3>
                        <div v-if="recruitmentInfoList.length!=0" style="height:200px;">
                            <ul>
                                <li v-for="a in recruitmentInfoList">
                                    <a :href="getNoticeUrl(a.Id)">{{a.title}}</a>
                                    <span>{{formatDate(a.updateTime)}}</span>
                                </li>
                            </ul>
                        </div>
                        <div v-else class="nodata">暂无数据</div>
                    </div>
                    <div class="newContentBox leftBox">
                        <h3><span>招考要闻</span>@*<a class="more" href="/Notice/Index">更多>></a>*@</h3>
                        <div v-if="recruitmentNewsList.length!=0" style="height:200px;">
                            <ul>
                                <li v-for="b in recruitmentNewsList">
                                    <a :href="getNoticeUrl(b.Id)">{{b.title}}</a>
                                    <span>{{formatDate(b.updateTime)}}</span>
                                </li>
                            </ul>
                        </div>
                        <div v-else class="nodata">暂无数据</div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="newBox">
                    <div class="newContentBox leftBox">
                        <h3><span>教育动态</span>@*<a class="more" href="/Notice/Index">更多>></a>*@</h3>
                        <div v-if="educationalDynamicsList.length!=0" style="height:200px;">
                            <ul>
                                <li v-for="a in educationalDynamicsList">
                                    <a :href="getNoticeUrl(a.Id)">{{a.title}}</a>
                                    <span>{{formatDate(a.updateTime)}}</span>
                                </li>
                            </ul>
                        </div>
                        <div v-else class="nodata">暂无数据</div>
                    </div>
                    <div class="newContentBox leftBox">
                        <h3><span>系统公告</span>@*<a class="more" href="/Notice/Index">更多>></a>*@</h3>
                        <div v-if="noticeList.length!=0" style="height:200px;">
                            <ul>
                                <li v-for="b in noticeList">
                                    <a :href="getNoticeUrl(b.Id)">{{b.title}}</a>
                                    <span>{{formatDate(b.updateTime)}}</span>
                                </li>
                            </ul>
                        </div>
                        <div v-else class="nodata">暂无数据</div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </div> 
        @await Component.InvokeAsync("Bottom");
    </div>

    <script src="~/lib/vue.min.js"></script>
    <script src="~/lib/elementui/element-ui.js"></script>
    <script src="~/js/common/elementextend.js" asp-append-version="true"></script> 
    <script src="~/lib/vee-validate/dist/vee-validate.min.js"></script>
    <script src="~/lib/vee-validate/dist/locale/zh_cn.js"></script> 
    <script src="~/js/common/veeextend.js" asp-append-version="true"></script>
    <script src="~/lib/jquery-1.12.4.min.js"></script>
    <script src="~/js/common/jsextend.js" asp-append-version="true"></script>
    <script src="~/js/modules/user/home.js" asp-append-version="true"></script>
    <script src="~/js/modules/user/top.js" asp-append-version="true"></script>
</body>
</html>
